<template>
    <ul>
        <li v-for="(item,index) in list" :key='index'>
            <h4>{{item.title}}</h4>
            <p class="time">{{item.ct}}</p>
            <p class="cont">{{item.text}}</p>
        </li>
    </ul>
</template>

<script>
    export default{
        data(){
            return{
                list:[],
            }
        },
        created(){
            var _this = this;
            this.axios.get('http://route.showapi.com/341-1',{params:{
                showapi_appid:40141,
                showapi_sign:"e983d7d91b4e49b58a9cda30b23691e0"
            }}).then((response)=>{
                // console.log(response);
                _this.list = response.data.showapi_res_body.contentlist; 
                // console.log(_this.list);
            })
        }
    }
</script>

<style scoped>
    ul{
        margin-top: 50px;
    }
   h4{
       font-size: 16px;
       margin-top: 12px;
       text-align: center;
   }
   .time{
      text-align: center;
   }
   .cont{
       padding: 12px;
       font-size: 14px;
   }
</style>
